shortcuts-section {
  margin: 20px;
}

.shortcuts-search-results {
  margin: 20px;
  border-spacing: 24px;
}

// shortcut window keys
shortcut {
  border-spacing: $base_padding;
  border-radius: $base_padding;
  @include focus-ring($outer: true, $offset: 4px);

  > .keycap {
    min-width: 20px;
    min-height: 25px;
    padding: 2px $base_padding;

    @extend %card;

    border-radius: $button_radius;
    font-size: smaller;
  }
}

shortcuts-section stackswitcher.circular {
  border-spacing: $base_padding * 2;

  > button.circular,
  > button.text-button.circular {
    min-width: 32px;
    min-height: 32px;
    padding: 0;
  }
}

window.shortcuts {
  headerbar.titlebar {
    @extend .flat;
    @extend %headerbar-shrunk;

    > windowhandle {
      padding-top: $base_padding / 2;
    }
  }

  searchbar {
    @extend %searchbar-flat;
    @extend %searchbar-shrunk;

    background: none;
  }
}
